//相当于在页面中的body标签加上onload事件
$(function(){
    
    var tds=$("td");
    var inputs=$("input");
    
    $.each(inputs, function(key, val) {
    	var obj = $(val);
		if(obj.attr("type") == "text") {
			var pre = obj.prev();
			
			pre.width(pre.parent().width())
        		.css("text-align","center");
			
			pre.text(obj.val());
			obj.hide();
		}
	});

    tds.click(function(){
        var td=$(this);
   
        if(td.children("input").length == 0) 
        	return;
      
        td.find("span").hide();
        var input=td.find("input");
		
        input.css("border-width","1")
        	.css("font-size","15px")
			.css("text-align","center")
			.width(td.width()-3)
			.show();
         
       
		//焦点时触发全选事件  
        input.trigger("focus").trigger("select"); 
        
        //失去焦点
        input.blur(function(){
            var input_blur=$(this);
            
            var newText=input_blur.val(); 
           	var span =td.find("span");
           	span.text(newText);
           	
            input_blur.hide();
            span.css("width",td.width())
        		.css("text-align","center")
        		.show();
            
        }); 
    });
});